import React from 'react';
import { Form, Input } from 'antd';
import { NodePanel, EdgePanel, CanvasPanel, DetailPanel, withPropsAPI } from 'gg-editor';
import DetailForm from './DetailForm';
// import request from '@/utils/request';
import styles from './index.less';

function FlowDetailPanel() {
  return (
    <DetailPanel className={styles.detailPanel}>
      <NodePanel>
        <DetailForm type="node" />
      </NodePanel>
      <EdgePanel>
        <DetailForm type="edge" />
      </EdgePanel>
      <CanvasPanel>
        <DetailForm type="canvas" />
      </CanvasPanel>
    </DetailPanel>
  );
}

export default Form.create()(withPropsAPI(FlowDetailPanel));
